<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ABOUT US</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/media.css">
</head>
<style>
   @media screen and (max-width: 1920px) {
    .aboutus {
      width: 100%;
      height: 950px;
      background: url('./image/about1920.jpg') no-repeat;
    }
  }

  @media screen and (max-width: 1680px) {
    .aboutus {
      width: 100%;
      height: 950px;
      background: url('./image/about1680.jpg') no-repeat;
    }
  }

  @media screen and (max-width: 1600px) {
    .aboutus {
      width: 100%;
      height: 800px;
      background: url('./image/about1600.jpg') no-repeat;
    }
  }

  @media screen and (max-width: 1440px) {
    .aboutus {
      width: 100%;
      height: 900px;
      background: url('./image/about1440.jpg') no-repeat;
    }
  }

  @media screen and (max-width: 1366px) {
    .aboutus {
      width: 100%;
      height: 668px;
      background: url('./image/about1366.jpg') no-repeat;
    }
  }

  @media screen and (max-width: 1280px) {
    .aboutus {
      width: 100%;
      height: 800px;
      background: url('./image/about1280.jpg') no-repeat;
    }
  }

  .aboutus {
    width: 100%;
    overflow: hidden;
    font-family: 'Helvetica Neue'
  }

 
  .logo{
    width: 3.50rem;
    height: 100%;
    /* background: rebeccapurple; */
  }
  .aboutus-right{
    margin-top: 1rem;
    width: 8.00rem;
    height: 100%;
    /* background: red; */
  }
  .part-title{
    font-size: 0.20rem;
    font-style: italic;
    text-decoration: underline;
    margin: 0.20rem 0;
    font-weight: 600;
  }
  .part-content{
    font-size: 0.18rem;
    text-indent:2em;
  }
</style>
<body>
  <div class="aboutus">
   <div class="w">
     <!-- 标题 -->
     <div class="logo fl">
       <a href="./index.html">
      <img src="./image/logo.png" alt=""></a>
     </div>
     <div class="aboutus-right fl">
       <!-- 第一部分 -->
       <div class="part">
         <div class="part-title">
            ABOUT US
         </div>
         <div class="part-content">
            With our roots in China, MYS is an independant group with a wealth of experiences in working for shipyard at key roles of Project, Construciton, Engineering, and shipyard management, for more than 15 years. We are proud of ourselves in getting involved in luxuary motor yacht building, from conception stages to the final outcome, size from 50' to 140', materials from fiberglass to metal, hull type from monohull to catamarine,  to meet Class regulations whist yacht owner's satifiaction and budget.
         </div>
       </div>
       <div class="part">
          <div class="part-title">
              OUR MISSION
          </div>
          <div class="part-content">
              For Yacht Owners, MYS mission is tailoring our project management services to maximize owners' insterests, with our depth in shipyard working experiences, MYS is bound to be the right choice to saftguard the whole building/refitting processes. 
              For Shipyards, MYS mission is to release Shipyards from the pain of managing the yard and workshop, optimizing their operation and system through our accumulated proven shipyard operation and management experiences and measures. 
          </div>
        </div>
        <div class="part">
            <div class="part-title">
                OUR PHILOSOPHY
            </div>
            <div class="part-content">
                Delication, Efficiency, and Absolute attention to details.
            </div>
          </div>
     </div>
     <!-- 底部部分 -->
     <div class="footer">
        <a href="./index.html">HOME</a>
        <a href="./aboutus.html">ABOUT US</a>
        <a href="javascript:;">PROJECT MANAGEMENT</a>
        <a href="javascript:;">SHIPYARD OPERATIONS</a>
        <a href="javascript:;">CUSTOM APPLICATION</a>
        <a href="javascript:;">SOURCING</a>
        <a href="javascript:;">TALENT POOL</a>
        <a href="javascript:;">EVENT</a>
        <a href="./contact.html">CONTACT</a>
      </div>
   </div>
  </div>
</body>
</html>